﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Gestion des absences</title>
<meta http-equiv=Content-Type content="text/html; charset=utf-8" /> 
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.timepicker.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/gererAbsences.css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.scrolltable.js"></script>
<script type="text/javascript" src="js/jquery.timepicker.js"></script>


</head>
<body>

<!-- EN TETE-->
<header> 
     <div class="tete"></div>
</header>
<div class="box_menu">

<!-- Bar de navigation-->
<nav>
    <?php if (isset($menu) && $menu){?>
            <div id="menu">		
                            <ul>
                                    <?php # Mise en place du menu par un parcours de la table associative
                                              foreach ($menu as $item => $act) {
                                                    print "<li class=\" menuItem left\"><a href=\"$act\">$item</a></li>";
                                            }
                                            ?>
                            </ul>
        </div>
<?php }?>     
</nav>

<!-- CONTENU DE LA PAGE-->
<section class="content">    
    <?php require_once($content);?>
</section>
</div>
<!-- PIED DE PAGE-->
<footer id="footer">
         <div class="pied"></div>
</footer>	   	   	
<script language="javascript">
$( document ).ready((function() {
    
    $.each( $(".date"), function() {
        $(this).datepicker({ dateFormat: "yy-mm-dd" });
    });
    
    $('.scrollTable').scrolltable({
	stripe: true,
	oddClass: 'odd',
    });
    $.each( $(".time"), function() {
        $(this).timepicker({ 'timeFormat': 'H:i:s','step': 15 });
    });

}));
			
</script>
</body>

</html>
